<template>
  <div style="min-height: 40rem">
    <div class="container bg-white my-5 b-eee px-0 save">
      <header class="font-xm selectize-item px-5">
        <div class="success py-3 w-100">提交成功</div>
      </header>
      <div class="text-center py-6">
        <div class="stage-circle mb-2"></div>
        <div>
          请牢记{{company.saas==3?'个人域名':'企业域名'}}，打开{{company.saas==3?'个人域名':'企业域名'}}后使用用户名登录
        </div>
        <div class="text-left mx-5 my-4 login-info">
          <div>域&nbsp;&nbsp;&nbsp; 名： <a :href="'http://'+company.scope+'.pm.xuehu365.com'">
            http://{{company.scope}}.pm.xuehu365.com</a></div>
          <div>用户名： {{company.account}}</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default{
    name: 'customer-save',
    data: () => ({
      loading: true,
      company: {}
    }),
    beforeRouteEnter (to, from, next) {
      next (vm => {
        vm.company = JSON.parse(localStorage.getItem('company'))
        vm.$nextTick(() => vm.$emit('loaded'))
      })
    }
  }
</script>
<style>
  .stage-circle {
    background: #00b852 url(/static/img/index/icon_check.png) no-repeat 50%;
    background-size: 1.5rem;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    color: #bfbfbf;
    height: 40px;
    width: 40px;
  }
  .success {
    border-bottom: 1px solid #e6e6e6;
  }
  .py-6 { padding-bottom: 3rem; padding-top: 2rem }
  .login-info { background-color: #f3f3f3; line-height: 2; padding: .5rem 1rem }
  .save { width: 25% }
  @media (max-width: 576px) {
    .save { width: 90% !important; }
  }
  /*.app-footer{display: none !important;}*/
</style>  